<template>
  <div class="head">
    <van-icon
      size=".65rem"
      class="cate-icon"
      name="fenlei"
      class-prefix="icon"
      color="#fff"
    >
      <span class="title" @click="$router.push('/cate')">分类</span>
    </van-icon>
    <div class="head_logo">
      <img src="@/assets/logo.png" alt="" />
    </div>
    <van-icon
      size=".70rem"
      class="cate-icon"
      name="wode"
      class-prefix="icon"
      color="#fff"
      ><span class="title" @click="$router.push('/user')">我的</span></van-icon
    >
  </div>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped>
.head {
  padding: 0 0.266667rem 0 0.266667rem;
  margin: 0 auto;
  height:1.173333rem;
  box-sizing: border-box;
  background-color: #ffdb47;
  display: flex;
  align-items: center;
  justify-content: space-between;
  .cate-icon {
    margin: 0 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    .title {
      font-size:.213333rem;
      color: #fff;
    }
  }
  .head_logo {
    // flex: 1;
    text-align: center;
    img {
      width: 5.2rem;
      height: 1.013333rem;
    }
  }
}
</style>
